{% extends "layout.html" %} {% block content %}
<div>
  <div class="book-figure">
    <span class="goback zymkwap ift-goback" @click="goback"></span>
    <img class="figure" src="{{data.cover_path}}" />
    <span class="title">{{data.book_name}}</span>
  </div>
  <div class="book-desc">
    <div class="icon-box">
      <span class="icon zymkwap ift-heart">{{data.collection or 0}}</span>
      <span class="icon zymkwap ift-share1">{{data.share or 0}}</span>
      <span class="icon zymkwap ift-comment">{{data.share or 0}}</span>
    </div>
    <div class="content">
      <span>{{data.summary}}</span>
    </div>
  </div>
  <div class="book-list">
    {% for item in data.book_list %}
    <div class="item" data-id="{{item.comic_id}}">
      <div class="item-aside">
        <div class="thumbnail">
          <img v-lazy="{{item.src}}" data-id="{{item.comic_id}}" />
          <span class="zymkwap ift-xing score">{{item.score}}</span>
          <span class="chapter"></span>
        </div>
      </div>
      <div class="info">
        <span class="title">{{item.comic_name}}</span>
        <div class="tags-box">
          {% for value in item.comic_type%}
          <div class="tags" data-id="{{value.id}}">
            <span class="tags-txt" style="{background: tagColors[idx%tagColors.length]}">{{value.name}}</span>
          </div>
          {% endfor %}
        </div>
        <div class="reason">
          <span class="strong">推荐理由:</span>
          <span class="content">{{item.content}}</span>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  <div class="book-ft">共{{data.book_list.length}}个推荐</div>
</div>
{% endblock %}
